<template>
  <main-header></main-header>
  <div class="main-container">
    <menu-sider></menu-sider>
    <layout-page></layout-page>
    <setting-sider></setting-sider>
  </div>
</template>

<script setup>
import layoutPage from "@/views/Main/components/layoutPage";
import menuSider from "@/views/Main/components/menuSider";
import settingSider from "@/views/Main/components/settingSider";
import mainHeader from "@/views/Main/components/mainHeader";
</script>

<style lang="less" scoped>
.main-container {
  display: flex;
  padding-top: 41px;
  width: 100wh;
  height: 100vh;
  justify-content: space-between;
}
</style>
